<!-- 保养统计 -->

<template>
  <div class="marginBottom">
    <EasyRow col2>
      <div>
        <MajorTitle title="保养任务">
          <BtnText v-if="personVisible" title="全部" @click="toClose" />
          <span v-if="personVisible"><i class="el-icon-arrow-right" />{{ personName }}</span>
        </MajorTitle>
        <div>
          <OurChartPie ref="left" v-bind="obj.all" :class="{ opacity0: personVisible }" @click="toOpen" />
          <OurChartPie v-if="personVisible" v-bind="obj.person[personName]" />
        </div>
      </div>

      <div>
        <MajorTitle title="保养任务完成情况" />
        <OurChartBar ref="right" v-bind="obj.complete" />
      </div>
    </EasyRow>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import mixStatistic from '../../mixStatistic'
import { index } from '../store/state'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MaintenanceStatistic',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [mixStatistic(index)],
}
</script>
